<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>详情页</title>
		<link type="text/css" rel="stylesheet" href="css/base.css" />
		<link type="text/css" rel="stylesheet" href="css/top.css"> 
		<link type="text/css" rel="stylesheet" href="css/left.css">
	</head>
	<body>
		<div id="cont">
			<div id="banner">
				<ul>
					<li id="banner_a" style="font-size: 60px;padding-top: 100px;">非常日记</li>
					<li id="banner_b" style="padding-left: 170px;">一个有灵魂的博客</li>				
				</ul>
			</div>
			<div id="top">
				<ul>
					<li><a id="top_a" href="#">首页</a></li>
					<li><a href="#">hrml</a></li>
					<li><a href="#">css</a></li>
					<li><a href="#">数据库</a></li>
				</ul>
			</div>
			<div id="left">
				<ul>
					<li  id="left_a"><span style="font-size: 30px;">vue入门介绍</span>   2021-03-15 15:00</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
					<li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
					使用者需要按照框架所规定的某种特定规范进行开发。</li>
				</ul>
			</div>
			<div id="fo">
				<span id="fo_a" >copyright @ 2021 非常日记</span>
			</div>
		</div>
	</body>
</html>
